<template>
  <div>
    <el-card class="box">
      <el-form>
        <el-row type="flex" justify="space-around" align="bottom">
          <el-col :span="4">
            <el-form-item label="仓库编号">
              <el-input placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="仓库名称">
              <el-input placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="仓库状态">
              <el-select v-model="value" placeholder="请选择">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-row type="flex" justify="space-between">
              <el-col>
                <el-form-item>
                  <el-button round type="warning">搜索</el-button>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item>
                  <el-button round>重置</el-button>
                </el-form-item>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </el-form>

    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [{
        value: '选项1',
        label: '全部'
      }, {
        value: '选项2',
        label: '启用'
      }, {
        value: '选项3',
        label: '停用'
      }],
      value: ''
    }
  }
}

</script>

<style lang="scss" scoped>
.box{
    margin-bottom: 20px;
}
</style>
